
<template>
  <div class="left">
    <ali-tree-item v-for="item in fileList" :key="item.label" :node="item" :main-data="mainData"/>
  </div>
</template>
<script>
import AliTreeItem from '@/views/ali-pan/components/AliTreeItem.vue'

// fontawesome中的icon参考文档：https://fontawesome.com/v4/icons/
export default {
  name: 'AliLeftMenu',
  components: { AliTreeItem },
  props: {
    fileList: {
      type: [Array, Object],
      default() {
        return []
      }
    },
    mainData: {
      type: [Array, Object],
      default() {
        return []
      }
    }
  },
  data() {
    return {
      data: [],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  },
  methods: {
    handleNodeClick(data) {
    }
  }
}
</script>

<style scoped lang="scss">
.left{
  position: absolute;
  //font-family: serif;
  width: 20%;
  height: 100%;
  font-size: .8em;
  overflow: scroll;
  &::-webkit-scrollbar{
    width: 10px;
    height: 0;
  }
  &::-webkit-scrollbar-thumb{
    background-color: #bbb;
  }
  &::-webkit-scrollbar-track{
    background-color: #f1f1f1;
  }
}
</style>
